草庐IT

html 图像

全部标签

javascript - headless (headless) JavaScript 测试 HTML5 音频/视频

我知道还有很多其他类似的问题,但是答案并没有提供解决这个问题的方法。我的网站上使用了一个使用HTML5网络音频的JavaScript文件,我想对其进行单元测试。我研究过将QUnit与PhantomJS结合使用,在你说什么之前我知道Phantom不支持它(http://phantomjs.org/supported-web-standards.html),但是我想知道是否有办法解决这个问题?在浏览器中使用QUnit测试它会像您预期的那样工作,但我不想每次都使用浏览器测试它,我希望它在服务器上自动进行。其中一个测试失败的示例:QUnit.test("isPlaying",function(

javascript - HTML 注释 <!-- 是否充当 JavaScript 中的单行注释,为什么?

JavaScript具体如何理解构造?从JavaScript的Angular来看,它是不是//之外的又一个注释?和/**/?从测试看来,JavaSript对待喜欢//:一行什么都不做,而按预期工作。此行为记录在何处?这不是其他问题的重复:我不问为什么、是否或如何使用它。我正式地问它在JavaScript中有什么语法和语义。这个问题很重要,在其他问题中没有得到回答:例如,上面指出的行为不能从其他问题和他们的答案中猜到(实际上这是我的动机:我的程序没有像上面那样工作,而这些问题和答案无助于理解原因)。 最佳答案 Fromtestingi

javascript - 在 fabric.js 中用颜色填充图像

基本上,我有一个png透明图像,我想在图像内部填充颜色,同时使用fabricjs保持外部透明度。我尝试使用Tint,它适用于下图。varcanvas=this.__canvas=newfabric.Canvas('myCanvas'),f=fabric.Image.filters;fabric.Image.fromURL('imgpath/img.png',function(img){varoImg=img.set({left:50,top:100}).scale(1);vartint=newfabric.Image.filters.Tint({color:'#ff6c78',opac

javascript - 如何访问 Elm 中的图像数据?

我们如何从Elm中的图像中获取像素数据?在JavaScript中,这是获取图形中一组像素颜色的代码(取自here)varimage=newImage;image.src="starry-night.jpg";varcanvas=d3.select("body").append("canvas");varcontext=canvas.node().getContext("2d");context.drawImage(image,0,0);//bewarevariablename"image"gotusedtwiceimage=context.getImageData(0,0,width,

javascript - 音频文件在线时,如何在HTML5音频对象中设置currentTime?

我有一个带有向前/向后跳过10秒按钮的JavaScript音频播放器。我通过设置音频元素的currentTime来做到这一点:functionPlayer(skipTime){this.skipTime=skipTime;this.waitLoad=false;//initialisemainnarrationaudiothis.narration=newAudio(getFileName(dynamicNarration));this.narration.preload="auto";this.narration.addEventListener('canplaythrough',(

javascript - 如何显示对 AJAX/getJSON 请求的错误(文本/html)响应?

我的情况是,我正在开发一个小型Web应用程序,其中服务器提供动态JSON响应。服务器建立在cherrypy上。有时,创建JSON数据的代码中存在错误,该错误会抛出,cherrypy会捕获它并返回500错误,并提供详细说明异常的完整HTML页面。(也就是说,响应包含所有内容:......)但是因为请求是AJAX,所以不会显示。我可以很容易地拦截这个错误,并在开发工具中查看它;但我想做的(为了简化调试)是打开一个新页面(就像用户点击了一个链接一样)并在浏览器中显示该响应。我试过了window.open('','_self');$(document).html(jqXHR.responseT

javascript - 如何防止视网膜 iPad 上的 javascript 中的@2x 图像缩放?

我正在使用html开发网页游戏和javascript。游戏还必须在iPad上运行,最好是视网膜和非视网膜显示器。在这个游戏中,我使用了spritesheetpng。此spritesheet宽3500像素,高3700像素。在我的游戏逻辑中,我使用Canvas的context.drawImage()捕获Sprite并将它们绘制到我的Canvas中。在桌面浏览器中,这工作得很好,一切都很好。在RetinaiPad上,图像加载时只有它大小的四分之一,这使得我的很多drawImage()调用失败,认为他们试图抓取加载图像边界之外的像素。(如果我在位置1200、1400抓取一个Sprite,而iP

javascript - 如何让 javascript 只在 dom 和 css 准备好而不是图像时执行

我想在dom和css准备好时执行一些javascript,但我不关心图像(我倾向于延迟加载图像)我知道如何检测dom就绪状态,但如何检测css就绪? 最佳答案 您应该使用document.ready事件。window.onLoad在所有图像和其他图像完全加载时触发。来源:window.onloadvs$(document).ready() 关于javascript-如何让javascript只在dom和css准备好而不是图像时执行,我们在StackOverflow上找到一个类似的问题:

javascript - scrollTop 和 html 溢出 : hidden

当这样设置CSS规则时html{overflow:hidden;}我无法再使用javascript在Chrome中获取或设置滚动位置(只有DOMElement.scrollIntoView有效)。当我删除它时,它可以正常工作,但它会弄乱整个页面,其中包含使用CSS3创建的“视差效果”。这是一个简化的示例(仅以-webkit-为前缀):http://jsfiddle.net/BaliBalo/LxCxn/ 最佳答案 您可以使用clearfix以与overflow:hidden相同的方式进行“布局预置”。.clearfix:before

javascript - 在页面加载时将服务器端 HTML 转换为 Javascript MVC 的最佳方法是什么?

我正在尝试构建一个快速而肮脏的Javascript库,它使得使用初始服务器生成的HTML页面变得非常容易,然后在Javascript中执行进一步的操作。我的问题是,大多数JavascriptMVC解决方案,包括框架和模式,都依赖于将数据与服务器返回的HTML分开。这里的论点是,这更适合构建和构建完整的Web应用程序。但是,它们会减慢页面加载速度,导致搜索引擎和其他非Javascript客户端无法使用您的网站。与其找出一种在服务器端运行JS来预生成页面的方法,不如让JS在页面加载时读取DOM并由此创建其初始对象状态。我正在使用Django,我的计划是制作可在Jinja和稍作修改的Hand